<!--
 * @Description: 
 * @Author: mxy
 * @Date: 2022-11-27 20:58:19
 * @LastEditors: mxy
 * @LastEditTime: 2022-11-27 20:58:20
-->
<!--
 * @Description: 
 * @Author: mxy
 * @Date: 2022-11-27 20:37:20
 * @LastEditors: mxy
 * @LastEditTime: 2022-11-27 20:51:14
-->
<template>
  <div>
    <h2>属性绑定指令</h2>
    <img v-bind:src="url" alt="" />
    <img :src="url" alt="" />
    <hr />
    <input type="text" value="123" />
    <input type="text" :value="val + 'world'" />
    <input type="text" :value="val.toUpperCase()" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      url: "http://www.itcbc.com:3006/formdata/123.jpg",
      val: "hello",
    };
  },
};
</script>

<style>
h2 {
  color: red;
}
</style>
